<html>

<head>
  <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
</head>
<style>
  body {
    color: #161616;
    background-color: #f4f4f4;
  }

  .box {
    display: flex;
    flex-wrap: wrap;
  }

  img {
    max-width: 100%;
  }

  .box-inner-3>img,
  .box-inner-3-lg>img,
  .box-inner-2>img {
    width: 100%;
  }

  .box-inner {
    background-color: #ffffff;
    margin-right: 1rem;
    margin-bottom: 1rem;

    padding: 20px;
  }

  .box-inner-3-lg {
    flex: 0 0 calc(66.6666% - 1rem - 40px);
    max-width: 66.6666%;
  }

  .box-inner-3 {
    flex: 0 0 calc(33.3333% - 1rem - 40px);
    max-width: 33.3333%;
  }

  .box-inner-2 {
    flex: 0 0 calc(50% - 1rem - 40px);
    max-width: 50%;
  }

  #wrapper {
    margin-top: 6rem;
    margin-left: 100px;
    margin-right: 100px;
  }

  .page-header {
    font-size: 2.625rem;
    font-weight: 300;
    line-height: 1.199;
    letter-spacing: 0;
    margin-bottom: 3rem;
    overflow-wrap: break-word;
  }

  .section-title {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
  }

  @media (max-width: 41.98rem) {

    .box-inner-3,
    .box-inner-3-lg,
    .box-inner-2 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .box-inner {
      margin-right: 0;
    }

    #wrapper {
      margin-left: 10px;
      margin-right: 10px;
    }
  }

  header {
    position: fixed;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    z-index: 8000;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    height: 3rem;
    align-items: center;
  }

  .btn {
    transition: background-color .11s, border-color .11s, color .11s;
    height: 100%;
    border-right: 1px solid #e0e0e0;
    position: relative;
    display: inline-flex;
  }

  .btn>a {
    color: #323232;
    display: flex;
    text-decoration: none;
    align-items: center;
    height: 100%;
    padding: 0 1rem;
  }

  .btn:hover {
    background-color: #e5e5e5;
  }

  .btn-group {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
  }
</style>

<body>
  <header>
    <ul class="btn-group">
      <li class="btn">
        <a href="http://zhangtianli.gitee.io/boinc/index.html">User List</a>
      </li>
      <li class="btn">
        <a href="https://tieba.baidu.com/p/7741806709">Request a Page</a>
      </li>
    </ul>
    <li class="btn section-title"
      style="position: fixed; right: 0; height: 3rem; padding-right: 1rem; padding-left: 1rem;">
      <p style="align-items: center; margin: 0; padding-top: 8px;">
        Lezhe Gao
      </p>
    </li>
  </header>

  <div id="wrapper">
    <p class="page-header">BOINC Lezhe Gao</p>
    <div class="box">
      <div class="box-inner box-inner-3">
        <img
          src="https://boinc.netsoft-online.com/e107_plugins/boinc/user_graph.php?cpid=613361df3e17e9ebdce70b6c16c0b987&type=3">
      </div>
      <div class="box-inner box-inner-3">
        <img
          src="https://boinc.netsoft-online.com/e107_plugins/boinc/user_graph.php?cpid=613361df3e17e9ebdce70b6c16c0b987&type=1">
      </div>
      <div class="box-inner box-inner-3">
        <img
          src="https://boinc.netsoft-online.com/e107_plugins/boinc/user_graph.php?cpid=613361df3e17e9ebdce70b6c16c0b987&type=2">
      </div>
    </div>
    <div class="box">
      <div class="box-inner box-inner-3">
        <img style="width: auto;"
          src="https://img.shields.io/badge/dynamic/json?style=for-the-badge&amp;color=yellow&amp;label=BOINC&amp;query=%24.aaData%5B0%5D%5B2%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3D613361df3e17e9ebdce70b6c16c0b987">
        <img style="width: auto;"
          src="https://img.shields.io/badge/dynamic/json?style=for-the-badge&amp;color=blue&amp;label=BOINC%20RAC&amp;query=%24.aaData%5B0%5D%5B6%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3D613361df3e17e9ebdce70b6c16c0b987">
        <br>
        <img style="width: auto;"
          src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=lightblue&amp;label=Today&amp;query=%24.aaData%5B0%5D%5B5%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3D613361df3e17e9ebdce70b6c16c0b987">
        <img style="width: auto;"
          src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=lightblue&amp;label=FDC%C2%A0RAC&amp;query=%24.aaData%5B0%5D%5B7%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3D613361df3e17e9ebdce70b6c16c0b987">
        <img style="width: auto;"
          src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=lightblue&amp;label=Team%C2%A0Rank&amp;query=%24.aaData%5B0%5D%5B10%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3D613361df3e17e9ebdce70b6c16c0b987">
        <img style="width: auto;"
          src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=lightblue&amp;label=World%C2%A0Rank&amp;query=%24.aaData%5B0%5D%5B12%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3D613361df3e17e9ebdce70b6c16c0b987">
      </div>
      <div class="box-inner box-inner-3-lg">
        <img style="width: auto;"
          src="https://stats.free-dc.org/badgesbanner.php?cpid=613361df3e17e9ebdce70b6c16c0b987">
      </div>
    </div>
    <!-- <div class="box">
      <div class="box-inner box-inner-2">
        <img src="https://signature.statseb.fr/sig-2704.png">
      </div>
      <div class="box-inner box-inner-2">
        <img style="width: auto;"
          src="https://stats.free-dc.org/badgesbanner.php?cpid=613361df3e17e9ebdce70b6c16c0b987">
      </div>
    </div> -->
    <div class="box">
      <div class="box-inner box-inner-3-lg">
        <img style="width: auto;"
          src="https://stats.free-dc.org/cpidtagb.php?cpid=613361df3e17e9ebdce70b6c16c0b987&theme=1&cols=2">
      </div>
      <div class="box-inner box-inner-3">
        <a href="https://stats.free-dc.org/stats.php?page=userbycpid&cpid=613361df3e17e9ebdce70b6c16c0b987">free-dc</a>
        <br>
        <a
          href="https://boinc.netsoft-online.com/e107_plugins/boinc/get_user.php?cpid=613361df3e17e9ebdce70b6c16c0b987&html=1">BOINC
          Combined Statistics</a>
        <br>
      </div>
    </div>
    <div class="box">
      <div class="box-inner box-inner-2">
        <img src="https://stats.free-dc.org/charts/combuserdaily.php?cpid=613361df3e17e9ebdce70b6c16c0b987">
      </div>
      <div class="box-inner box-inner-2">
        <img src="https://stats.free-dc.org/charts/combusercumul.php?cpid=613361df3e17e9ebdce70b6c16c0b987">
      </div>
    </div>

    <div class="box">
      <div class="box-inner box-innner-2">
        <details style="width: 100%;">
          <summary class="section-title">Active</summary>
          <p>
            <h2 class="section-title">i7-9750H + Quadro P620 (1)</h2>
            <img src="https://stats.free-dc.org/charts/combhostdaily.php?cpid=1b2f4e1598b32deeae31dacb33726305">
          </p>
          <p>
            <h2 class="section-title">i7-9750H + Quadro P620 (2)</h2>
            <img src="https://stats.free-dc.org/charts/combhostdaily.php?cpid=3eb5e3017b1234d1939523d3d72c5320">
          </p>
        </details>
      </div>

      <div class="box-inner box-innner-2">
        <details style="width: 100%;">
          <summary class="section-title">Inactive</summary>
          None
        </details>
      </div>
    </div>
  </div>
</body>

</html>